/*全局样式*/

@font-face{
	font-family:'Cambria';
	src:url("font/Cambria.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Songti';
	src:url("font/Songti.otf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Bahnschrift';
	src:url("font/Bahnschrift.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}

#honor2{display:none}
.moblie_head{ display:none;}
.a_txt{ display:none}

.wrapper{width:1200px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:70px 0;}
.wrap-white.p2{padding:50px 0 70px 0;}
.wrap-gray{background:#f3f3f3;}
.wrap-gray.p1{padding:70px 0;}
.wrap-gray.p2{padding:70px 0; background:#f7f8fa;}

/*头部样式*/


#cooperate2{ display:none}

#header{height:100px;}
#header.weo-pf{left:0; right:0; top:0; z-index:99;}
#header.bg{background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08); opacity:0; transform:translateY(-100%); animation:BgAnimation 0.4s; animation-fill-mode:forwards;}
@keyframes BgAnimation{100%{transform:translateY(0); opacity:1;}}
#logo{left:0; top:40px;}
#logo img{width:204px; height:20px;}
#nav{right:176px; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; height:100px; margin-left:38px; text-align:center;}
#nav > ul > li:first-child{margin-left:0;}
#nav > ul > li > a{display:block; height:100px; line-height:100px; font-size:16px; overflow:hidden;}
#nav > ul > li:hover > a{color:#b81c22;}
#nav > ul > li.current > a{color:#b81c22;}
#nav > ul > li ul{position:absolute; left:50%; top:100px; transform:translate(-50%,20px); display:none; width:156px; padding:12px 0; background:#b81c22; opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:38px; line-height:38px; font-size:15px; overflow:hidden;}
#nav > ul > li ul li a{display:block; padding:0 18px; color:rgba(255,255,255,.8); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#nav > ul > li ul li:hover a{color:#fff;}
#tel{right:0; top:30px; height:40px; line-height:40px; padding:0 14px; background:#b81c22; border-radius:20px; font-size:16px; color:#fff; overflow:hidden;}
#tel em{display:inline-block; padding-left:22px; background:url(img/tel.png) no-repeat left center; font-family:'Arial';}

/*首页样式*/

#banner{width:100%; height:912px; overflow:hidden;}
#banner .swiper-wrapper{height:912px;}
#banner .swiper-slide{width:100%; height:912px;}
#banner .swiper-slide img{width:100%; height:912px;}
#banner .swiper-pagination{left:50%; bottom:24px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:12px; height:12px; margin:0 0 0 10px; background:rgba(255,255,255,.46); border-radius:50%; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#fff;}

.title h3{height:28px; line-height:28px; font-family:'Cambria'; font-size:36px; font-weight:bold; text-transform:uppercase; color:#b81c22;}
.title h2{display:flex; align-items:center; margin-top:14px;}
.title h2 i{flex:1; height:2px; background:rgba(54,54,54,.06);}
.title h2 em{width:8px; height:8px; margin:0 2px; background:#d9d9d9; border-radius:50%;}
.title h2 span{height:38px; line-height:38px; margin:0 40px; font-size:35px; overflow:hidden;}
.title.white h3{color:#fff;}
.title.white h2 i{background:rgba(255,255,255,.14);}
.title.white h2 em{background:rgba(255,255,255,.7);}
.title.white h2 span{color:#fff;}

#business-tab{margin-top:40px;}
#business-tab ul{display:flex; justify-content:center;}
#business-tab ul li{width:160px; height:48px; line-height:46px; margin-left:20px; background:#fff; border:1px solid #dcdcdc; border-radius:24px; font-size:15px; text-align:center; cursor:pointer; overflow:hidden;}
#business-tab ul li:first-child{margin-left:0;}
#business-tab ul li:hover{border-color:#b81c22; color:#b81c22;}
#business-tab ul li.current{background:#b81c22; border-color:#b81c22; color:#fff;}

#business{margin-top:50px;}
#business .item{display:none;}
#business .item.current{display:block;}
#business ul{display:flex; flex-wrap:wrap;}
#business ul li{width:384px; height:316px; margin:24px 0 0 24px; overflow:hidden;}
#business ul li:nth-child(-n+3){margin-top:0;}
#business ul li:nth-child(3n+1){margin-left:0;}
#business ul li span{display:block; width:384px; height:260px; overflow:hidden;}
#business ul li img{width:384px; max-width:none; height:260px; transition:transform 0.3s linear;}
#business ul li h3{height:56px; line-height:56px; padding:0 20px; background:#f4f4f4; font-size:15px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#business ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#business ul li:hover h3{color:#b81c22;}

#wrap-brand{padding:70px 0; background:url(img/brand-bg.jpg) no-repeat top center; background-size:cover;}

#brand{position:relative; display:flex; margin-top:50px;}
#brand .left{flex:1; max-height:528px; overflow:hidden;}
#brand .left img{display:block; width:288px; height:124px; margin:0 auto;}
#brand .left i{display:block; width:2px; height:36px; margin:8px auto 0 auto; background:rgba(255,255,255,.9);}
#brand .left h2{height:32px; line-height:32px; margin-top:20px; font-family:'Songti'; font-size:30px; text-align:center; color:rgba(255,255,255,.9); overflow:hidden;}
#brand .left .text{line-height:28px; margin-top:40px; font-size:15px; color:rgba(255,255,255,.9);}
#brand .left .text p{margin-top:20px;}
#brand .left .text p:first-child{margin-top:0;}
#brand .right{width:854px; height:656px; margin-left:50px; overflow:hidden;}
#brand .right .swiper-container{width:854px; height:656px; overflow:hidden;}
#brand .right .swiper-wrapper{height:656px;}
#brand .right .swiper-slide{width:854px; height:656px; overflow:hidden;}
#brand .right .swiper-slide img{width:854px; height:656px;}
#brand .swiper-button-prev,#brand .swiper-button-next{top:auto; bottom:14px; width:54px; height:54px; margin:0; background-repeat:no-repeat; background-position:center; background-size:12px 22px; border:1px solid #fff; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#brand .swiper-button-prev:after,#brand .swiper-button-next:after{display:none;}
#brand .swiper-button-prev{left:auto; right:972px; background-image:url(img/prev.png);}
#brand .swiper-button-next{right:904px; background-image:url(img/next.png);}
#brand .swiper-button-prev:hover{background-image:url(img/prev-h.png); background-color:#fff; transition:all 0.1s linear;}
#brand .swiper-button-next:hover{background-image:url(img/next-h.png); background-color:#fff; transition:all 0.1s linear;}

#cooperate{position:relative; margin-top:50px;}
#cooperate .swiper-slide{height:530px;}
#cooperate .swiper-slide ul{display:flex; flex-wrap:wrap;}
#cooperate .swiper-slide ul li{position:relative; width:388px; height:256px; margin:18px 0 0 18px; overflow:hidden;}
#cooperate .swiper-slide ul li:nth-child(-n+3){margin-top:0;}
#cooperate .swiper-slide ul li:nth-child(3n+1){margin-left:0;}
#cooperate .swiper-slide ul li img{width:388px; max-width:none; height:256px; transition:transform 0.3s linear;}
#cooperate .swiper-slide ul li h3{position:absolute; left:0; right:0; bottom:0; height:50px; line-height:50px; padding:0 18px; background:rgba(0,0,0,.7); font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#cooperate .swiper-slide ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#cooperate .swiper-button-prev,#cooperate .swiper-button-next{top:50%; transform:translateY(-50%); width:26px; height:48px; margin:0; background-repeat:no-repeat; background-position:center; background-size:26px 48px; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#cooperate .swiper-button-prev:after,#cooperate .swiper-button-next:after{display:none;}
#cooperate .swiper-button-prev{left:-56px; background-image:url(img/prev1.png);}
#cooperate .swiper-button-next{right:-56px; background-image:url(img/next1.png);}
#cooperate .swiper-button-prev:hover{background-image:url(img/prev1-h.png); transition:all 0.1s linear;}
#cooperate .swiper-button-next:hover{background-image:url(img/next1-h.png); transition:all 0.1s linear;}

#wrap-news{padding:70px 0; background:url(img/news-bg.jpg) no-repeat top center; background-size:cover;}

#news-tab{margin-top:40px;}
#news-tab ul{display:flex; justify-content:center;}
#news-tab ul li{width:160px; height:48px; line-height:46px; margin-left:20px; background:#fff; border:1px solid #dcdcdc; border-radius:24px; font-size:15px; text-align:center; cursor:pointer; overflow:hidden;}
#news-tab ul li:first-child{margin-left:0;}
#news-tab ul li:hover{border-color:#b81c22; color:#b81c22;}
#news-tab ul li.current{background:#b81c22; border-color:#b81c22; color:#fff;}

#news{margin-top:50px;}
#news .item{display:none;}
#news .item.current{display:block;}
#news .left{position:relative; width:564px; height:438px; overflow:hidden;}
#news .left img{width:564px; max-width:none; height:438px; transition:transform 0.3s linear;}
#news .left h3{position:absolute; left:0; right:0; bottom:0; height:64px; line-height:64px; padding:0 22px; background:rgba(0,0,0,.6); font-size:16px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .left:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news .right{flex:1; height:438px; margin-left:30px; overflow:hidden;}
#news .right ul li{height:130px; margin-top:24px; overflow:hidden;}
#news .right ul li:first-child{margin-top:0;}
#news .right ul li a{display:flex; align-items:center;}
#news .right ul li span{display:block; width:190px; height:130px; overflow:hidden;}
#news .right ul li img{width:190px; max-width:none; height:130px; transition:transform 0.3s linear;}
#news .right ul li section{flex:1; padding:18px 22px 16px 22px; background:#fff; overflow:hidden;}
#news .right ul li section h3{height:20px; line-height:20px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .right ul li section h4{height:16px; line-height:16px; margin-top:8px; font-family:'Arial'; font-size:14px; color:#8b8b8b; overflow:hidden;}
#news .right ul li section p{height:44px; line-height:22px; margin-top:8px; font-size:14px; color:#95979c;}
#news .right ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news .right ul li:hover section h3{color:#b81c22;}

/*内页样式*/

#header.white{position:sticky; top:0; z-index:99; background:#fff; box-shadow:0 10px 10px -10px rgba(0,0,0,.08);}

#lm-banner{display:flex; align-items:center; height:438px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
#lm-banner.business{background-image:url(img/lm-business.jpg);}
#lm-banner.brand{background-image:url(img/lm-brand.jpg);}
#lm-banner.guarantee{background-image:url(img/lm-guarantee.jpg);}
#lm-banner.cooperate{background-image:url(img/lm-cooperate.jpg);}
#lm-banner.wisdom{background-image:url(img/lm-wisdom.jpg);}
#lm-banner.about{background-image:url(img/lm-about.jpg);}
#lm-banner.contact{background-image:url(img/lm-contact.jpg);}
#lm-banner.news{background-image:url(img/lm-news.jpg);}
#lm-banner h2{height:38px; line-height:38px; font-size:35px; overflow:hidden;}
#lm-banner h3{height:18px; line-height:18px; margin-top:22px; font-size:16px; overflow:hidden;}

#menu{display:flex; justify-content:center; margin-top:40px;}
#menu a{width:160px; height:48px; line-height:46px; margin-left:20px; background:#fff; border:1px solid #dcdcdc; border-radius:24px; font-size:15px; text-align:center; color:#4d5159; overflow:hidden;}
#menu a:first-child{margin-left:0;}
#menu a:hover{border-color:#b81c22; color:#b81c22;}
#menu a.current{background:#b81c22; border-color:#b81c22; color:#fff;}

.weo-page{margin-top:70px;}
.weo-page a{min-width:44px; height:44px; line-height:42px; margin-left:10px; padding:0 16px; border-color:#dcdcdc; border-radius:0; font-size:14px; color:#666;}
.weo-page a:hover{border-color:#b81c22; color:#b81c22;}
.weo-page a.count{border-color:#dcdcdc; color:#999;}
.weo-page a.weo-page-on{background:#b81c22; border-color:#b81c22; color:#fff;}

.lm-title h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; overflow:hidden;}
.lm-title h2 em{color:#b81c22;}
.lm-title i{display:block; width:48px; height:4px; margin:20px auto 0 auto; background:#b81c22;}
#menu + .lm-title{margin-top:50px;}

/*业务版块*/

#business-list{margin-top:50px;}
#business-list ul li{height:416px; margin-top:20px; overflow:hidden;}
#business-list ul li:first-child{margin-top:0;}
#business-list ul li a{display:flex;}
#business-list ul li:nth-child(even) a{flex-direction:row-reverse;}
#business-list ul li .text{flex:1; height:416px; padding:70px 50px; background:#ece2df; overflow:hidden;}
#business-list ul li .text i{display:block; width:52px; height:52px; background:url(img/b-icon.png) no-repeat center;}
#business-list ul li .text h3{height:24px; line-height:24px; margin-top:28px; font-size:22px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#business-list ul li .text p{height:84px; line-height:28px; margin-top:16px; font-size:14px; color:#6f6f6f; -webkit-line-clamp:3;}
#business-list ul li .text h4{width:106px; height:36px; line-height:34px; margin-top:36px; border:1px solid #b81c22; border-radius:18px; font-size:14px; text-align:center; color:#b81c22; overflow:hidden;}
#business-list ul li .img{width:796px; height:416px; margin-left:16px; overflow:hidden;}
#business-list ul li:nth-child(even) .img{margin:0 16px 0 0;}
#business-list ul li .img img{width:796px; max-width:none; height:416px; transition:transform 0.3s linear;}
#business-list ul li:hover .text i{transform:rotateY(360deg); transition:transform 0.6s linear;}
#business-list ul li:hover .text h3{color:#b81c22;}
#business-list ul li:hover .img img{transform:scale(1.08); transition:transform 0.3s linear;}

#business-detail{margin-top:50px;}
#business-detail .item{display:flex; height:390px; overflow:hidden; align-items:center;}
#business-detail .item .left{width:580px; height:390px; border-radius:10px; overflow:hidden;}
#business-detail .item .left img{width:580px; height:390px;}
#business-detail .item .right{flex:1; height:390px; margin-left:20px; padding:46px 40px 42px 40px; background:#ededed; border-radius:10px; overflow:hidden;}
#business-detail .item .right h2{height:26px; line-height:26px; padding-left:10px; border-left:5px solid #b81c22; font-size:24px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#business-detail .item .right p{height:252px; line-height:28px; margin-top:24px; font-size:14px; color:#6f6f6f; -webkit-line-clamp:9;}
#business-detail .img{width:1200px; height:580px; margin-top:40px; border-radius:10px; overflow:hidden;}
#business-detail .img img{width:1200px; height:580px;}

/*品牌管理*/

#lm-brand{display:flex; align-items:center; margin-top:50px; padding:0 50px;}
#lm-brand .left{width:408px; height:234px; overflow:hidden;}
#lm-brand .left img{width:408px; height:234px;}
#lm-brand .right{flex:1; margin-left:70px;}
#lm-brand .right h3{height:26px; line-height:26px; font-size:24px; color:#b81c22; overflow:hidden;}
#lm-brand .right .text{line-height:30px; margin-top:24px; font-size:15px; color:#656565;}

#brand-promotion{margin-top:50px;}
#brand-promotion img{display:block; width:1200px; height:554px; margin:0 auto;}

#wrap-advantage{padding:70px 0; background:url(img/advantage-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-advantage .lm-title h2{color:#fff;}

#brand-advantage{margin-top:50px;}
#brand-advantage img{display:block; width:1200px; height:auto; margin:0 auto;}

#brand-step{margin-top:50px; background:url(img/step-bg.png) no-repeat top 31px center;}
#brand-step ul{display:flex; flex-wrap:wrap;}
#brand-step ul li{width:300px; margin-top:46px; padding:0 20px; text-align:center; overflow:hidden;}
#brand-step ul li:nth-child(-n+4){margin-top:0;}
#brand-step ul li i{display:block; width:76px; height:82px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#brand-step ul li i.step1{background-image:url(img/step1.png);}
#brand-step ul li i.step2{background-image:url(img/step2.png);}
#brand-step ul li i.step3{background-image:url(img/step3.png);}
#brand-step ul li i.step4{background-image:url(img/step4.png);}
#brand-step ul li i.step5{background-image:url(img/step5.png);}
#brand-step ul li i.step6{background-image:url(img/step6.png);}
#brand-step ul li i.step7{background-image:url(img/step7.png);}
#brand-step ul li i.step8{background-image:url(img/step8.png);}
#brand-step ul li i.step9{background-image:url(img/step9.png);}
#brand-step ul li i.step10{background-image:url(img/step10.png);}
#brand-step ul li i.step11{background-image:url(img/step11.png);}
#brand-step ul li i.step12{background-image:url(img/step12.png);}
#brand-step ul li h3{height:22px; line-height:22px; margin-top:16px; font-size:20px; font-weight:bold; color:#b81c22; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#brand-step ul li h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; white-space:nowrap; color:#464646; text-overflow:ellipsis; overflow:hidden;}
#brand-step ul li:hover i{transform:rotateY(360deg); transition:transform 0.6s linear;}

#brand-output{display:flex; align-items:center; margin-top:50px;}
#brand-output .left{flex:1;}
#brand-output .left h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; color:#b81c22; overflow:hidden;}
#brand-output .left p{line-height:30px; margin-top:30px; font-size:15px; color:#4b4b4b;}
#brand-output .right{width:592px; height:326px; margin-left:50px; border:4px solid #e5e5e5; border-radius:10px; overflow:hidden;}
#brand-output .right img{width:584px; height:318px;}

#brand-advantage1{margin-top:50px;}
#brand-advantage1 img{display:block; width:1194px; height:592px; margin:0 auto;}

#brand-design{margin-top:50px;}
#brand-design img{display:block; width:1200px; height:490px; margin:0 auto;}

/*食安保障*/

#guarantee1{margin-top:50px;}
#guarantee1 h2{height:36px; line-height:36px; font-size:34px; font-weight:bold; text-align:center; overflow:hidden;}
#guarantee1 .item{line-height:26px; margin-top:36px; font-size:15px; color:#464646;}

#guarantee2{margin-top:50px;}
#guarantee2 h2{height:32px; line-height:32px; font-size:30px; text-align:center; overflow:hidden;}
#guarantee2 img{display:block; margin:50px auto 0 auto;}

#guarantee3{margin-top:50px;}
#guarantee3 h2{height:32px; line-height:32px; font-size:30px; text-align:center; overflow:hidden;}
#guarantee3 img{display:block; margin:50px auto 0 auto;}

#guarantee4{display:flex; align-items:center; margin-top:50px;}
#guarantee4 .left{flex:1;}
#guarantee4 .left h2{height:32px; line-height:32px; font-size:30px; overflow:hidden;}
#guarantee4 .left .text{line-height:30px; margin-top:30px; font-size:15px; color:#464646;}
#guarantee4 .right{width:570px; margin-left:50px;}
#guarantee4 .right .big{width:570px; height:300px; border-radius:4px; overflow:hidden;}
#guarantee4 .right .big img{width:570px; height:300px;}
#guarantee4 .right .small{margin-top:10px; height:220px; overflow:hidden;}
#guarantee4 .right .small ul{display:flex; justify-content:space-between;}
#guarantee4 .right .small ul li{width:280px; height:220px; border-radius:4px; overflow:hidden;}
#guarantee4 .right .small ul li img{width:280px; height:220px;}

#guarantee5{margin-top:50px;}
#guarantee5 h2{height:32px; line-height:32px; font-size:30px; text-align:center; overflow:hidden;}
#guarantee5 img{display:block; margin:50px auto 0 auto;}

/*合作客户*/

#cooperate-list{margin-top:50px;}
#cooperate-list ul{display:flex; flex-wrap:wrap;}
#cooperate-list ul li{position:relative; width:388px; height:256px; margin:18px 0 0 18px; overflow:hidden;}
#cooperate-list ul li:nth-child(-n+3){margin-top:0;}
#cooperate-list ul li:nth-child(3n+1){margin-left:0;}
#cooperate-list ul li img{width:388px; max-width:none; height:256px; transition:transform 0.3s linear;}
#cooperate-list ul li h3{position:absolute; left:0; right:0; bottom:0; height:50px; line-height:50px; padding:0 18px; background:rgba(0,0,0,.7); font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#cooperate-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}

#cooperate-detail{display:flex; margin-top:50px;}
#cooperate-detail .left{flex:1;}
#cooperate-detail .left h2{height:56px; line-height:56px; padding:0 20px 0 58px; background:url(img/cooperate.png) no-repeat left 20px center #b81c22; font-size:24px; color:#fff; overflow:hidden;}
#cooperate-detail .left h3{position:relative; display:flex; height:48px; margin-top:36px; overflow:hidden;}
#cooperate-detail .left h3:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:0; border-bottom:1px dashed #dcdcdc;}
#cooperate-detail .left h3 em{position:relative; z-index:1; height:48px; line-height:28px; font-size:26px; overflow:hidden;}
#cooperate-detail .left h3 em:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#b81c22;}
#cooperate-detail .left .info{margin-top:28px;}
#cooperate-detail .left .info ul li{display:flex; align-items:center; height:48px; margin-top:12px; padding:0 18px; background:#fdeeef; overflow:hidden;}
#cooperate-detail .left .info ul li:first-child{margin-top:0;}
#cooperate-detail .left .info ul li em{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#b81c22; overflow:hidden;}
#cooperate-detail .left .info ul li span{height:18px; line-height:18px; margin-left:10px; font-size:16px; color:#4e4e4e; overflow:hidden;}
#cooperate-detail .left .text{line-height:28px; margin-top:18px; font-size:15px; color:#757575;}
#cooperate-detail .right{width:450px; margin-left:30px;}
#cooperate-detail .right ul li{width:450px; height:286px; margin-top:20px; overflow:hidden;}
#cooperate-detail .right ul li:first-child{margin-top:0;}
#cooperate-detail .right ul li img{width:450px; height:286px;}

#cooperate-img{margin-top:50px;}
#cooperate-img ul li{margin-top:30px;}
#cooperate-img ul li:first-child{margin-top:0;}
#cooperate-img ul li img{width:100%;}

/*智慧启真*/

#wisdom-restaurant{display:flex; align-items:center; margin-top:50px;}
#wisdom-restaurant .left{flex:1;}
#wisdom-restaurant .left h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; overflow:hidden;}
#wisdom-restaurant .left h2 em{color:#b81c22;}
#wisdom-restaurant .left i{display:block; width:48px; height:4px; margin-top:20px; background:#b81c22;}
#wisdom-restaurant .left p{line-height:30px; margin-top:30px; font-size:15px; color:#6b6b6b;}
#wisdom-restaurant .right{width:676px; height:336px; margin-left:70px; overflow:hidden;}
#wisdom-restaurant .right img{width:676px; height:336px;}

#wisdom-scene{margin-top:50px;}
#wisdom-scene img{display:block; width:1096px; height:658px; margin:0 auto;}

#wisdom-application{display:flex; justify-content:space-between; margin-top:50px;}
#wisdom-application .left{position:relative; width:296px; height:460px; border-radius:6px; overflow:hidden;}
#wisdom-application .left img{width:296px; max-width:none; height:460px; transition:transform 0.3s linear;}
#wisdom-application .left h3{position:absolute; left:30px; right:30px; top:50%; transform:translateY(-50%); height:34px; line-height:34px; font-size:32px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#wisdom-application .left:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#wisdom-application .right{width:896px; height:460px; overflow:hidden;}
#wisdom-application .right ul{display:flex; flex-wrap:wrap;}
#wisdom-application .right ul li{position:relative; width:218px; height:226px; margin:8px 0 0 8px; border-radius:6px; overflow:hidden;}
#wisdom-application .right ul li:nth-child(-n+4){margin-top:0;}
#wisdom-application .right ul li:nth-child(4n+1){margin-left:0;}
#wisdom-application .right ul li img{width:218px; max-width:none; height:226px; transition:transform 0.3s linear;}
#wisdom-application .right ul li h3{position:absolute; left:30px; right:30px; top:50%; transform:translateY(-50%); height:24px; line-height:24px; font-size:22px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#wisdom-application .right ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}

/*关于我们*/

.about-title h3{height:20px; line-height:20px; font-family:'Bahnschrift'; font-size:24px; text-transform:uppercase; color:#6d6d6d;}
.about-title h2{height:40px; line-height:40px; margin-top:12px; font-size:37px; font-weight:bold; color:#b81c22; overflow:hidden;}

#about{display:flex; margin-top:50px;}
#about .left{flex:1;}
#about .left h3{height:20px; line-height:20px; font-family:'Bahnschrift'; font-size:24px; text-transform:uppercase; color:#6d6d6d;}
#about .left h2{height:40px; line-height:40px; margin-top:12px; font-size:37px; font-weight:bold; color:#b81c22; overflow:hidden;}
#about .left i{position:relative; display:block; height:3px; margin-top:23px;}
#about .left i:before{content:''; position:absolute; left:0; right:0; top:1px; display:block; height:1px; background:#e5e5e5;}
#about .left i:after{content:''; position:absolute; left:0; top:0; bottom:0; display:block; width:80px; background:#b81c22;}
#about .left .text{line-height:30px; margin-top:40px; font-size:15px; color:#5b5b5b;}
#about .right{width:434px; height:884px; margin-left:70px; overflow:hidden;}
#about .right img{width:434px; height:884px;}

#culture{margin-top:50px;}
#culture img{display:block; margin:0 auto;}

#team{margin-top:50px;}
#team img{display:block; margin:0 auto;}

#wrap-honor{padding:70px 0; background:url(img/honor-bg.jpg) no-repeat top center; background-size:cover;}

#honor{display:flex; justify-content:space-between; align-items:center; margin-top:50px; padding:0 50px;}
#honor-item{position:relative; width:932px; height:502px; overflow:hidden;}
#honor-item ul li{position:absolute; left:932px; top:144px; display:none; width:0; height:0; border:4px solid #fff; cursor:pointer; overflow:hidden;}
#honor-item ul li:nth-child(1){display:block; left:0; top:96px; width:240px; height:310px; z-index:96;}
#honor-item ul li:nth-child(2){display:block; left:136px; top:48px; width:314px; height:406px; z-index:97;}
#honor-item ul li:nth-child(3){display:block; left:272px; top:0; width:388px; height:502px; z-index:98;}
#honor-item ul li:nth-child(4){display:block; left:482px; top:48px; width:314px; height:406px; z-index:97;}
#honor-item ul li:nth-child(5){display:block; left:692px; top:96px; width:240px; height:310px; z-index:96;}
#honor-item ul li:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; background:rgba(0,0,0,.25);}
#honor-item ul li.on:after{display:none;}
#honor-item ul li img{width:0; max-width:none; height:0;}
#honor-item ul li:nth-child(1) img{width:232px; height:302px;}
#honor-item ul li:nth-child(2) img{width:306px; height:398px;}
#honor-item ul li:nth-child(3) img{width:380px; height:494px;}
#honor-item ul li:nth-child(4) img{width:306px; height:398px;}
#honor-item ul li:nth-child(5) img{width:232px; height:302px;}
#h-prev,#h-next{width:48px; height:48px; background-repeat:no-repeat; background-position:center; background-color:#cac8c9; border-radius:50%; cursor:pointer; transition:all 0.1s linear;}
#h-prev{background-image:url(img/prev.png);}
#h-next{background-image:url(img/next.png);}
#h-prev:hover,#h-next:hover{background-color:#b81c22; transition:all 0.1s linear;}

/*联系我们*/

      #contact{display:flex; justify-content:space-between; align-items:center; margin-top:50px; padding: 98px 90px; background:#f8f9fa; border:1px solid #f3f3f3}
#contact .left h2{height:24px; line-height:24px; font-size:22px; font-weight:bold; overflow:hidden;}
#contact .left section{margin-top:32px;}
#contact .left section p{height:32px; line-height:32px; padding-left:44px; margin-top:16px; background-repeat:no-repeat; background-position:left center; font-size:15px; color:#464646; overflow:hidden;}
#contact .left section p:first-child{margin-top:0;}

#contact{display:flex; justify-content:space-between; align-items:center; margin-top:50px; padding: 98px 104px; background:#f8f9fa; border:1px solid #f3f3f3}
#contact .left h2{height:24px; line-height:24px; font-size:22px; font-weight:bold; overflow:hidden;}
#contact .left section{margin-top:32px;}
#contact .left section p{height:32px; line-height:32px; padding-left:44px; margin-top:16px; background-repeat:no-repeat; background-position:left center; font-size:15px; color:#464646; overflow:hidden;}
#contact .left section p:first-child{margin-top:0;}
#contact .left section p.c-icon1{background-image:url(img/c-icon1.png);}
#contact .left section p.c-icon2{background-image:url(img/c-icon2.png);}
#contact .left section p.c-icon3{background-image:url(img/c-icon3.png);}
#contact .right ul{display:flex;}
#contact .right ul li{margin-left:50px;}
#contact .right ul li:first-child{margin-left:0;}
#contact .right ul li img{display:block; width:112px; height:112px; margin:0 auto;}
#contact .right ul li h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:#464646; overflow:hidden;}


#contact-list{margin-top:70px;}
#contact-list h4{height:18px; line-height:18px; font-size:16px; text-align:center; color:#686868; overflow:hidden;}
#contact-list .item{margin-top:50px;}
#contact-list .item ul{display:flex; flex-wrap:wrap;}
#contact-list .item ul li{width:calc(1160px / 3); height:auto; margin:20px 0 0 20px; padding:32px 36px 28px 36px; background:#f1f1f1; overflow:hidden;}
#contact-list .item ul li:nth-child(-n+3){margin-top:0;}
#contact-list .item ul li:nth-child(3n+1){margin-left:0;}
#contact-list .item ul li h3{width:122px; height:42px; line-height:40px; background:#fff; border:1px solid #dcdcdc; border-radius:21px; font-size:16px; text-align:center; overflow:hidden; margin-bottom:10px}
#contact-list .item ul li h2{height:30px; line-height:30px;  font-size:18px; color:#b81c22; overflow:hidden;padding-left: 10px;}
#contact-list .item ul li section{height:90px; line-height:30px; margin-top:16px; font-size:15px; color:#4e4e4e; overflow:hidden;}
#contact-list .item ul li:hover h3{border-color:#b81c22; color:#b81c22;}

/*资讯中心*/

#news-list{margin-top:50px;}
#news-list ul li{margin-top:30px; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li a{display:flex; align-items:center;}
#news-list ul li span{width:288px; height:192px; overflow:hidden;}
#news-list ul li img{width:288px; max-width:none; height:192px; transition:transform 0.3s linear;}
#news-list ul li section{flex:1; margin-left:30px; overflow:hidden;}
#news-list ul li section h3{height:24px; line-height:24px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section h4{height:18px; line-height:18px; margin-top:18px; font-family:'Arial'; font-size:15px; color:#999; overflow:hidden;}
#news-list ul li section p{height:84px; line-height:28px; margin-top:14px; font-size:14px; color:#767676;}
#news-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news-list ul li:hover section h3{color:#e10000;}

#news-detail{display:flex;}
#news-detail .left{flex:1;}
#article-title{line-height:34px; font-size:26px; font-weight:bold;}
#article-info{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#8d8d8d; overflow:hidden;}
#article{line-height:28px; margin-top:40px; padding-top:36px; border-top:1px solid #e5e5e5; font-size:15px; color:#5f5f5f;}
#news-detail .right{width:324px; margin-left:50px;}
#hot-rmd{padding:24px 16px; background:#f5f5f5; border-radius:6px; overflow:hidden;}
#hot-rmd h2{height:24px; line-height:24px; font-size:22px; overflow:hidden;}
#hot-rmd .item{margin-top:20px;}
#hot-rmd .item ul li{position:relative; width:292px; height:172px; margin-top:16px; border-radius:4px; overflow:hidden;}
#hot-rmd .item ul li:first-child{margin-top:0;}
#hot-rmd .item ul li a{position:relative; display:block;}
#hot-rmd .item ul li a:after{content:''; position:absolute; left:0; right:0; bottom:0; top:50%; background:linear-gradient(transparent,rgba(0,0,0,.6));}
#hot-rmd .item ul li img{width:292px; max-width:none; height:172px; transition:transform 0.3s linear;}
#hot-rmd .item ul li h3{position:absolute; left:20px; right:20px; bottom:18px; z-index:1; height:18px; line-height:18px; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#hot-rmd .item ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}

#prev-next{display:flex; justify-content:space-between; align-items:center; height:68px; margin-top:50px; padding:0 36px; background:#f5f5f5; overflow:hidden;}
#prev-next a{max-width:calc((100% - 60px) / 2); height:18px; line-height:18px; font-size:15px; color:#5f5f5f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#e10000;}

/*底部样式*/

#footer{padding-top:60px; background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;}
#f-menu{position:relative; display:flex; padding-top:20px;}
#f-menu:before{content:''; position:absolute; left:0; right:0; top:72px; display:block; height:1px; background:rgba(255,255,255,.17);}
#f-menu dl{margin-left:100px;}
#f-menu dl:first-child{margin-left:0;}
#f-menu dl dt{height:20px; line-height:20px; font-size:18px; color:#fff; overflow:hidden;}
#f-menu dl dd{height:16px; line-height:16px; margin-top:16px; font-size:14px; overflow:hidden;}
#f-menu dl dt + dd{margin-top:64px;}
#f-menu dl dd a{display:block; color:rgba(255,255,255,.55);}
#f-menu dl dd:hover a{color:rgba(255,255,255,.95);}
#f-line{width:1px; background:rgba(255,255,255,.17);}
#f-contact h2{height:24px; line-height:24px; font-size:22px; color:#fff; overflow:hidden;}
#f-contact .text{line-height:28px; margin-top:24px; font-size:14px; color:rgba(255,255,255,.65);}
#f-contact .qrcode{margin-top:16px;}
#f-contact .qrcode ul{display:flex;}
#f-contact .qrcode ul li{margin-left:40px;}
#f-contact .qrcode ul li:first-child{margin-left:0;}
#f-contact .qrcode ul li span{display:block; width:140px; height:140px; margin:0 auto; padding:16px; background:url(img/qrcode.png) no-repeat center; overflow:hidden;}
#f-contact .qrcode ul li img{width:108px; height:108px;}
#f-contact .qrcode ul li h4{height:16px; line-height:16px; margin-top:6px; font-size:14px; text-align:center; color:rgba(255,255,255,.55); overflow:hidden;}
#copyright{height:74px; line-height:74px; margin-top:50px; background:rgba(81,23,23,.3); font-size:14px; color:rgba(255,255,255,.65); overflow:hidden;}
#copyright a{color:rgba(255,255,255,.65);}
#copyright a:hover{color:rgba(255,255,255,.95);}



.wxesm{ margin-top:15px}
.wxesm p{ display:block; width:150px; text-align:center; float:left;}
.wxesm p em{ font-size:14px; color:#333;display:block;}



.tem_new .swiper-button-prev, .tem_new .swiper-button-next {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cac8c9;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.1s linear;
}

.tem_new .swiper-button-prev{background-image:url(img/prev.png);background-size: 12px 22px; left:2px}
.tem_new .swiper-button-next{background-image:url(img/next.png);background-size: 12px 22px; right:2px}
.tem_new .swiper-button-prev:hover,.tem_new .swiper-button-next:hover{background-color:#b81c22; transition:all 0.1s linear;}











.pagination{margin-top:60px;display:-ms-flexbox;display:flex;justify-content: center;padding-left:0;list-style:none;border-radius:.25rem}
.page-link{position:relative;margin-left: 10px;text-align: center;display:block;min-width:40px; height:40px; line-height:38px;padding:0 12px; border:1px solid #dcdcdc; border-radius:0; font-size:14px; color:#666;}
.page-link:hover{z-index:2;border-color:#b81c22; color:#b81c22;}
.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.page-link:not(:disabled):not(.disabled){cursor:pointer}
.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
.page-item.active .page-link{z-index:1;background:#b81c22; border-color:#b81c22; color:#fff;}
.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}





@media (max-width: 980px){
    #banner .swiper-slide img{ height:200px}
    #banner .swiper-slide{ height:200px}
    .wrapper{  width:100%}
    #banner{ height:200px}
    .title h2 span{ font-size:22px}
    .title h3{ font-size:25px}
    .title h2{ margin-top:4px}
    #business-tab ul li{ width:30%;margin:0}
    #business-tab ul li {
    width: 31%;
    height: 42px;
    line-height: 42px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 24px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    margin: 2px;
    box-sizing: border-box;}
    
    #business-tab {
    margin-top: 14px;
    }
    #business{ width:96%; margin:0 auto; margin-top:10px; }
    #business ul{ display:block; height:176px; overflow:hidden;}
    #business ul li{ width:49%; height:auto; margin:0; float:left}
    #business ul li:nth-child(2n){ float:right;}
    #business ul li span{ width:100%; height:126px}
    #business ul li span img{ width:100%; height:126px}
    #business ul li h3{ height:50px; line-height:50px; font-size:14px}
    
    #brand{ display:block}
    #brand .left{max-height:100%}
    #brand .right{ width:100%; margin-left:0}
    #brand .left img {
    display: block;
    width: 56%;
    height: auto;
    margin: 0 auto;
}
#brand .left .text {
    line-height: 26px;
    margin-top: 20px;
    font-size: 14px;
    color: rgba(255,255,255,.9);
}
#header{ display:none}
#brand .right .swiper-slide img{ width:100%; height:282px}
#brand .right .swiper-container{ width:100%}
#brand .right .swiper-slide{ width:100%!important; margin-right:0!important}
.weo-flex{ display:block}
#news .left img{  width:100%;  height:200px}
#news .left{ width:100%; height:200px}
#news .left h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 22px;
    background: rgba(0,0,0,.6);
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#news .right{ margin-left:0; height:auto;  margin-top:20px}
#news .right ul li img{ width:170px}
#news .right ul li span{ width:170px}
#news{ width:96%; margin:0 auto; margin-top:20px}
#news-tab ul li {
    width: 126px;
    height: 42px;
    line-height: 42px; font-size:14px}
 #news-tab ul li{ margin-left:10px}
#news-tab {
    margin-top: 20px;
}
.title h3 {
    font-size: 20px;
}
#f-menu{ display:none}
#f-menu{ display:none;}
#f-line{ display:none;}
.lm-title h2{ font-size:22px}
.lm-title h3 {
    height: 18px;
    line-height: 18px;
    margin-top: 0;
    font-family: 'Arial';
    font-size: 14px;
    color: #4d5159;
    overflow: hidden;
}
 .lm-title i {
    display: block;
    width: 30px;
    height: 3px;
    margin: 10px auto 0 auto;
    background: #174ca8;
}
.wrap-white.p2 {
    padding: 20px 0;
}

#f-contact{ width:100%;box-sizing: border-box;}
#f-contact .qrcode ul li {
    margin-left: 20px;
}
#copyright {
    height: auto;
    line-height: 21px;
    font-size: 13px;
    overflow: hidden;
}
#copyright .weo-flex{ display:block;box-sizing: border-box; padding:12px; text-align:center}  
#footer{padding: 30px 0 20px 0;}   
#f-contact .text{ line-height:23px; padding-left:20px} 
#f-contact .qrcode ul li span {
    display: block;
    width: 130px;
    height: 130px; padding:12px}
#f-contact .qrcode ul{align-items: center;
display: flex;
justify-content: center;}
#f-contact h2{padding-left:20px}
#footer {
    padding: 30px 0 0px 0;
}
#copyright{ margin-top:20px}
#brand{box-sizing: border-box; padding:15px}
.title h2 span {margin: 0 20px;}
#brand .right{ margin-top:30px}
#brand .swiper-button-next{ right:30%}
#brand .swiper-button-prev{ left:30%}
#brand .right .swiper-slide{ height:326px}
#brand .right .swiper-wrapper{height:326px}
#brand .right .swiper-container{height:326px}
#brand .right{height:380px}
#wrap-brand{padding: 42px 0;}

#cooperate2{ display:block}

#cooperate{ display:none}


/*联系我们开始 */

#contact{ display:block; padding:34px}
#contact .left h2{ font-size:20px}
#contact .right{ padding-top:10px}
#contact .left section p{ font-size:14px; margin-top:8px}
#contact .right ul li {
    margin-left: 10px;
}
#contact .right ul li h4{  font-size:14px}
#contact .right ul{align-items: center;
display: flex;
justify-content: center;}
#contact{ margin-top:10px}
#business-list ul li section h4{ height:35px; line-height:35px}
#contact .left h2{ font-size:18px}
#contact .left section {
    margin-top: 20px;
}


#lm-banner { height:200px}
#lm-banner h2{ font-size:25px}
#lm-banner h3{ height:auto; font-size:14px; margin-top:5px}
#contact .left section p{height: auto;
    line-height: 18px;
    padding-left:30px;}
#contact .left section p {
    font-size: 14px;
    margin-top: 8px;
    background-size: 6%;
    display: block;
}
#contact-list h4 {
    height: auto;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    color: #686868;
    overflow: hidden;
}
#contact-list {
    margin-top: 20px;
}
#contact-list .item ul li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px;
    background: #f1f1f1;
    overflow: hidden;
    box-sizing: border-box; margin-top: 15px;
}
#contact-list .item ul li h3{ font-size:14px}
#contact-list .item ul li h2{ font-size:15px}
#contact-list .item ul li:nth-child(-n+3){margin-top: 15px;}

#contact-list .item{ width:96%; margin:0 auto; margin-top:20px}
#contact-list .item ul li h2 {
    height: 23px;
    line-height: 23px;}
.wxesm p {
    display: block;
    width: 130px;
    text-align: center;
    float: inherit;
    display: inline-block;
}

.wxesm{ text-align:center;}
#lm-banner h2{ font-size:22px}
.wrap-white.p1 {
    padding: 30px 0;
}
#lm-banner{box-sizing: border-box; padding-left:20px}
#lm-banner h3{ font-size:13px}
#contact {
    margin-top: 22px;
}


/*关于我们开始*/
#about{ display:block;box-sizing: border-box; padding:20px; width:100%}
#about .left h2 {
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    font-size: 23px;
    font-weight: bold;
    color: #b81c22;
    overflow: hidden;
}
#about .left h3{ font-size:16px}
#about .left i{ margin-top:10px}
#about .left .text {
    line-height: 25px;
    margin-top: 23px;
    font-size: 14px;
    color: #5b5b5b;
}
#about{margin-top: 20px;}
#about img{ max-width:100%; height:auto!important}
#about .right{ margin-left:0; width:100%; margin-top:20px; height:auto;}
#about .right img{ width:100%; height:100%}

.about-title h2{ font-size:24px; margin-top:0px}
.about-title h3{ font-size:18px}
#culture img{ width:100%!important; height:auto!important}
#culture {
    margin-top: 28px;
}
.wrap-gray.p1 {
    padding: 30px 0;
}
#wrap-team .swiper-slide{ width:100%!important;}
#wrap-team .swiper-slide img{ width:100%!important; height:auto!important}
#wrap-team .swiper-container{ margin-top: 22px!important;}

#honor2{display:block; margin-top:40px}

#honor{display:none}

#honor2 .swiper-button-prev{background-image:url(img/prev.png);background-size: 12px 22px; left:2px}
#honor2 .swiper-button-next{background-image:url(img/next.png);background-size: 12px 22px; right:2px}
#honor2 .swiper-button-prev, #honor2 .swiper-button-next {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cac8c9;
    border-radius: 50%;
    cursor: pointer;}
    
 
 
/*智慧真开始 */

 #wisdom-restaurant{display:block}
 #wisdom-restaurant .left h2{ font-size:22px}
 #wisdom-restaurant .left i {
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 13px;
    background: #b81c22;
}
#wisdom-restaurant .left p {
    line-height: 26px;
    margin-top: 21px;
    font-size: 14px;
    color: #6b6b6b;
}
#wisdom-restaurant .right img{ width:100%!important; height:auto!important}
 #wisdom-restaurant .right {
    width: 100%;
    height: auto;
    margin-left: 0;
    overflow: hidden;
}
#wisdom-restaurant .left{box-sizing: border-box; padding-left:15px; padding-right:15px}
#wisdom-restaurant .right{box-sizing: border-box; padding-left:15px; padding-right:15px; padding-top:15px}

#wisdom-restaurant{ margin-top:20px}
#wisdom-scene img{ width:100%; height:auto}
#wisdom-scene{ box-sizing: border-box; padding:15px}
#wisdom-application{ display:block}
 #wisdom-application .left{ width:96%; height:300px; margin:0 auto}
 #wisdom-application .left img{ width:100%;  height:300px;}
 #wisdom-application .right ul{  display:block;}
 #wisdom-application .right ul li {
    position: relative;
    width: 48%;
    height: 200px;
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
   display: inline-block;
}
#wisdom-application .right ul li img{ width:100%; height:200px} 
#wisdom-application .right{ width:100%; margin-top:10px; height:auto}
 #wisdom-application .left h3{ font-size:23px}
 #wisdom-application .right{box-sizing: border-box; padding-left:10px}
 #wisdom-application{ margin-top:20px}
 
 
 
 
 
 /*合作客户*/
 /*合作院校*/

#cooperate-list ul{ display:block}
#cooperate-list ul li{ width:49%; margin:0; float:left; height:130px; margin-top:15px}
#cooperate-list ul li:nth-child(2n){ float:right} 
#cooperate-list ul li img{ width:100%; height:130px}
#cooperate-list ul li h3{ font-size:14px; height:40px; line-height:40px}
#cooperate-list ul li:nth-child(-n+3){ margin-top:15px}
#cooperate-list {
    margin-top: 20px;
}
#cooperate-list{ width:96%; margin:0 auto; margin-top:15px}


/*案例详情开始*/

#cooperate-detail{ display:block}
#cooperate-detail .left{ width:96%; margin:0 auto;} 
#cooperate-detail .left h2{ font-size:18px}
#cooperate-detail .left h3 em{ font-size:18px}
#cooperate-detail .left .info ul li em{ font-size:15px}
#cooperate-detail .left .info ul li span{ font-size:15px}
#cooperate-detail .left .text {
    line-height: 26px;
    margin-top: 18px;
    font-size: 14px;
    color: #757574;
    box-sizing: border-box; padding-left:10px; padding-right:10px;
}
#cooperate-detail .left .info ul li{ margin-top:2px}
#cooperate-detail .left h3 {
    position: relative;
    display: flex;
    height: 41px;
    margin-top: 20px;
    overflow: hidden;
}
#cooperate-detail .left h3 em{ height:41px}
#cooperate-detail .left .info{ margin-top:10px}
#cooperate-detail .right{ margin-left:0; width:96%; margin:0 auto; margin-top:15px}
#cooperate-detail .right ul li {  width:100%; height:auto}
#cooperate-detail .right ul li img{ width:100%!important; height:auto!important}
#cooperate-img{ width:96%; margin:0 auto; margin-top:20px}
#cooperate-img ul li img{width:100%!important; height:auto!important}

 .jies{ padding:15px; margin-top:20px!important; line-height:24px!important}
 
 
 
 
 /*食安保障*/
 
 #guarantee1{ padding:10px; font-size:14px; line-height:25px}
  #guarantee1 p span{ font-size:14px!important; line-height:25px!important}
 
body #guarantee1 img{ max-width:100%!important}
.wrap-gray.p2{padding: 30px 0;}

#menu a {
    width: 24%;
    height: auto;
    line-height: 21px;
    margin-left: 4px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    color: #4d5159;
    overflow: hidden;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 3px;
    padding-bottom: 3px;
}
  #guarantee1 {
    margin-top: 25px;
}
#guarantee1 h2{  font-size:22px}
#lm-brand{ display:block}
#lm-brand .left{ width:100%; height:auto; text-align: center;
    
}
#lm-brand .left img {
    width: 80%;
    height: auto;
}
#lm-brand .right{  margin-left:0; padding-top:10px}
#lm-brand{padding: 0 20px;}
#lm-brand .right .text {
    line-height: 24px;
    margin-top: 16px;
    font-size: 14px;
    color: #656565;
}
#lm-brand .right h3{ font-size:22px}
#brand-promotion img{ width:100%; height:auto}
#brand-promotion{box-sizing: border-box; padding-left:10px; padding-right:10px}
#brand-promotion {
    margin-top: 30px;
}

#brand-advantage{box-sizing: border-box; padding-left:10px; padding-right:10px}
#wrap-advantage{padding: 30px 0;}
#brand-advantage {
    margin-top: 20px;
}
#brand-step ul{ display:block}
#brand-step ul li{ width:33%; text-align:center;}

#brand-step ul li {
    width: 32%;
    text-align: center;
    display: inline-block;
}
#brand-step ul li h4 {
    height: auto;
    line-height: 18px;
    margin-top: 12px;
    font-size: 13px;
    white-space: inherit;
    color: #464646;
    text-overflow: ellipsis;
    overflow: hidden;
}
#brand-step ul li i {
    display: block;
    width: 76px;
    height: 67px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}
#brand-step ul li h3{ font-size:17px; margin-top:2px}
#brand-step{ margin-top:40px}

#brand-output{ display:block}
#brand-output .left h2{ font-size:23px}
#brand-output .left p {
    line-height: 24px;
    margin-top: 15px;
    font-size: 14px;
    color: #4b4b4b;
}
#brand-output .right{ margin-left:0; width:100%}
#brand-output{box-sizing: border-box; padding:15px}
#brand-output{ margin-top:20px}
#brand-output .right{ margin-top:20px}
#brand-advantage1 img{ width:100%; height:auto;}
#brand-design img{ width:100%; height:auto;}
#brand-design{box-sizing: border-box; padding:10px}
#brand-design{ margin-top:10px}



#business-list ul li{ display:block; width:100%}
#business-list ul li a{ display:block}
#business-list ul li .text{ height:auto; padding:30px}
#business-list ul li .text h3{ font-size:18px}
#business-list ul li .text p {
    height: 84px;
    line-height: 21px;
    margin-top: 11px;
    font-size: 14px;
    color: #6f6f6f;
    -webkit-line-clamp: 4;
}
#business-list ul li .text h4{ margin-top:10px}
#business-list ul li .text i{background-size: 34px;}
#business-list ul li .text h3{ margin-top:10px}
#business-list ul li .img img{ width:100%; height:auto}
#business-list ul li .img{ width:100%; height:auto; margin:0}
#business-list ul li{ height:auto}

#business-list{  width:96%; margin:0 auto;margin-top:25px}


#business-detail .item{ display:block; height:auto}
#business-detail .item .right {
    flex: 1;
    height: auto;
    margin-left: 0;
    padding: 20px;
    background: #ededed;
    border-radius: 10px;
    overflow: hidden; margin-top: 20px;
}
#business-detail .item .left{ width:100%; height:auto}
#business-detail .item .left img{ width:100%; height:auto}

#business-detail .item{box-sizing: border-box; padding-left:20px; padding-right:20px}
#business-detail .item .right h2{font-size:18px}
#business-detail .item .right p {
    height: auto;
    line-height: 24px;
    margin-top: 12px;
    font-size: 14px;
    color: #6f6f6f;
    -webkit-line-clamp: inherit;
}
.shimme{box-sizing: border-box; padding-left:20px; padding-right:20px}
#business-detail {
    margin-top: 30px;
}
#cooperate2{ margin-top:20px}
#cooperate2 .swiper-container{box-sizing: border-box; padding-left:15px; padding-right:15px; padding-top;15px}
#cooperate2 .swiper-container img{ height:150px; width:100%}
#cooperate2 .swiper-container h3{  text-align:center; font-size:14px; padding-top:10px}    
  
  
  


.a_txt{ display:block}
.lv_caidan{
	box-sizing: border-box;
	font-size: .36rem;
	background: #b81c22;
	height:1.2rem;
	line-height: 1.2rem;
	text-align: center;
	color: #fff;
}

.moblie_head{
	display:flex;
	height: 1rem;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:9999;
	justify-content: space-between;
	align-items: center;
	background:#fff; 

}
.moblie_head .lf{
	width: 3.2rem;
	padding-left: .2rem;
	box-sizing: border-box;
}
.moblie_head .lf img{
	display: block;
	width: 100%;
}
.moblie_head .rg{
	padding-right: .2rem;
	box-sizing: border-box;
}
.moblie_head .rg a img{
	display: block;
	height: .66rem;
}
.mm-search{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mm-search input{
	width: 100%;
	display: block;
	height: .5rem;
	margin-bottom: 4rem;
}
.a_txt{
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	z-index:10000
}
.a_txt .div1{
	position:absolute;
	width:100%;
	height:100%;
	background:#0b0d19;
	filter:alpha(opacity=0);
	opacity:0;
	left:0px;
	top:0px;
	z-index:1
}
.a_txt .div3{
	position:absolute;
	width:58%;
	right:0px;
	top:0px;
	background:#ededed;
	height:100%;
	z-index:100;
	right:-80%
}
.a_txt .div3 ul{
	padding: 0 .2rem;
	box-sizing: border-box;
}
.a_txt .div3 ul li{
	border-bottom:1px solid #cbcbcb
}
.a_txt .div3 ul li a{
	height: .9rem;
	color:#333;
	line-height: .9rem;
	padding-left: .2rem;
	box-sizing: border-box;
	font-size: 16px;
}
.a_txt .div3 ul li.a_js2{
	background:url(img/plus.png) 95% 15px no-repeat;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.a_txt .div3 ul li.a_js2_on{
	background:url(img/reduce.jpg) 95% 15px no-repeat;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.a_txt .div3 ul li .a_txt2{
	display:none
}
.a_txt .div3 ul li .a_txt2 a{
	height: .8rem;
	line-height: .8rem;
	font-size: 14px; 
	display: block;
}
 
 #banner .swiper-pagination{ bottom:9px} 
  
  #business{ margin-top:30px}
  
  
  #brand{ margin-top:20px}
  #brand .right .swiper-slide img{ height:300px}
  .title h2 {
    margin-top: 0;
}
#wrap-news{padding: 30px 0;}
#lm-banner{ padding-top:52px}
  #menu{ margin-top:20px}
  #brand-step{ background:none}
  #brand-step ul li{ margin-top:20px;float:left; height:150px}
  #cooperate-detail{ margin-top:20px}
  #culture{box-sizing: border-box; padding-left:10px; padding-right:10px}
#wrap-team{box-sizing: border-box; padding-left:10px; padding-right:10px}

#cooperate2 .swiper-button-next{background-image: url(img/next.png);
    background-size: 12px 22px;
    right: 2px;}
    #cooperate2 .swiper-button-prev{
        
        background-image: url(img/prev.png);
    background-size: 12px 22px;
    left: 2px}
    
   #cooperate2 .swiper-button-next, #cooperate2 .swiper-button-prev {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cac8c9;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.1s linear;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display:none}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ display:none}   
#contact .left section p{ line-height:22px}
#lm-banner{ background-size:cover!important}
    
    
}







